<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="js/echarts.min.js"></script>
</head>

<body>
  <div id="demo1" style="width: 600px;height: 400px;">
  </div>
  <script>
    var myChart = echarts.init(document.querySelector('#demo1'))

    var option = {
      title: {
        text: '二级指标得分雷达图'
      },
      legend: {
        data: ['实际得分', '平均分']
      },
      radar: {
        // shape: 'circle',
        indicator: [
          { name: '回复issue', max: 100 },
          { name: '合并pr', max: 100 },
          { name: '管理项目数量', max: 100 },
          { name: '更新版本', max: 100 },

        ]
      },
      series: [
        {
          name: 'Budget vs spending',
          type: 'radar',
          data: [
            {
              value: [88, 75, 64, 81],
              name: '实际得分'
            },
            {
              value: [90, 85, 80, 75],
              name: '平均分'
            }
          ]
        }
      ]
    }
    myChart.setOption(option)


  </script>
</body>

</html>